<!DOCTYPE html>
<html  class="no-js" lang="en">
    <head>
        <title>Memories Lost</title>
      <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <link rel="stylesheet" href="foundation/css/foundation.css" />
      <link rel="stylesheet" href="fonts.css" />
      <link rel="stylesheet" href="foundation-icons/foundation-icons.css" />
      <script src="foundation/js/vendor/modernizr.js"></script>      
    </head>
    <body style="background-color: black;">

	<!-- BEGIN Audio stuff -->
		<audio id="bg_music" autoplay loop>
			<source src="music/04 - Sanctuary.ogg" type="audio/ogg">
			Your browser does not support the audio element.
		</audio>
		
		<audio id="select_fx" >
			<source src="music/Select8-Bit.ogg" type="audio/ogg">
			Your browser does not support the audio element.
		</audio>
		
		<audio id="cancel_fx" >
			<source src="music/Cancel8-Bit.ogg" type="audio/ogg">
			Your browser does not support the audio element.
		</audio>				
		<!-- End Audio stuff -->
	
		
      <!-- BEGIN header -->
      <div class="row">
         <div class="small-12 columns small-centered">
            <h1 id="lvl_num" style="margin-top: -32px">Level X</h1>            
         </div>         
      </div>   
      <div class="row">
         <div class="small-12 columns small-centered" style="margin-top: -36px">
            <h3 style="text-align:center">Placeholder Subtitle</h3>
			<div class="panel textbox">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
				Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
			</div>
         </div>
      </div>      
      <!-- END header -->
      

      
      <!-- BEGIN back button -->
      <div class="row">
		 <div class="small-2 small-push-3 columns">
            <a onclick="playCancelFX()" class="small button radius gold_font" style="margin-top: -0px" href="javascript:delayPage('index.html?content=level_select')">Back</a>
         </div>
         <div class="small-2 small-pull-4 columns">
            <a id="proc_btn" onclick="playSelectFX()" class="small button radius gold_font" style="margin-top: -0px" href="javascript:delayPage('level.html?lvl=1')">Proceed</a>
         </div>
      </div>            
      <!-- END back button -->   
	  
		<!-- Page Scripts -->
		<script type="text/javascript">			
			bg_music.volume=.7;			
			
			//@URL	The URL of the page to go to.
			function delayPage(URL) {
				setTimeout( function() {window.location = URL}, 200 );
			}
			
			function playSelectFX() {
				select_fx.play();
			}
			
			function playCancelFX() {
				cancel_fx.play();
			}		
		
			var parts = window.location.search.substr(1).split("&");
			var $_GET = {};
			for (var i = 0; i < parts.length; i++) {
				var temp = parts[i].split("=");
				$_GET[decodeURIComponent(temp[0])] = decodeURIComponent(temp[1]);
			}				
				
			document.getElementById("lvl_num").innerHTML = "Level " + $_GET['lvl'];
			document.getElementById("proc_btn").setAttribute("href", "javascript:delayPage('level.html?lvl="+$_GET['lvl']+"')");				
		</script>		
		<!-- END Page Scripts -->	  
    </body>
</html>